<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客登录页</title>
    <link rel="stylesheet" href="css/blog_common.css">
    <link rel="stylesheet" href="css/blog_login.css">
</head>
<body>
     <!-- 导航栏部分 -->
     <div class="nav">
        <img src="image/img_1.jpg" alt="">
        <span class="title">我的博客系统</span>
        <div class="space"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="blog_register.html">注册</a>

    </div>
    <!-- 页面主体部分 -->
    <div class="login-container">
        <!-- 垂直水平居中的登录对话框 -->
        <div class="login-dialog">
            <!-- 登录对话框的头部信息 -->
            <div class="header">
                <span>注册新用户</span>
                <div class="space"></div>
                <span>没有账号,去<a href="blog_register.html">注册</a></span>
            </div>
            <!-- 登录对话框的登录部分 -->
            <div class="login-part">
                <form action="login" method="post">
                    <h3>欢迎登录</h3>
                    <div class="row">
                        <span>账号：</span>
                        <input type="text" id="username" name="username">
                    </div>
                    <div class="row">
                        <span>密码：</span>
                        <input type="password" id="password" name="password">
                    </div>
                    <div class="row">
                        <input type="submit" id="submit" value="登录">
                    </div>
                </form>
            </div>
        </div>

    </div>
</body>
</html>